<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
	<title>示例集 - css</title>
	<!-- Bootstrap -->
	<link href="cj/bootstrap.min.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="cj/main.css"/>
</head>
<body>
<div class="container-fluid">
	<h3 class="text-center bg-primary lhei" id="t_h3"></h3>
	<div class="div_a" id="add_a"></div>
	<div class="tab-content min_hei">
	    <div class="tab-pane active" id="css">
	    	
	    	<!--第二行-->
	    	<hr />
	    	<div class="row">
	    		
	    		
	    		
	    		
	    		
	    		
	    	</div>
	    	
	    	<!--第二行-->
	    	<hr />
	    	<div class="row">
	    		
	    		<div class="col-md-2">
		    		<a href="../css/2020/01-01.html" target="_blank">
		    			<div class="a_img"><img src="imgs/css/2020/01-01.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">上对齐</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../css/div_img.html" target="_blank">
		    			<div class="a_img"><img src="imgs/css/2019-12-31_div_img.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">让图片自动适应DIV容器大小</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../css/hid_img.html" target="_blank">
		    			<div class="a_img"><img src="imgs/css/2019-12-31_hid_img.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">鼠标悬停出现图片</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../css/letter-spacing.html" target="_blank">
		    			<div class="a_img"><img src="imgs/css/2019-12-31_letter-spacing.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">自定义的文字间隔大小</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../css/relative_absolute.html" target="_blank">
		    			<div class="a_img"><img src="imgs/css/2019-12-31_relative_absolute.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">相对定位和绝对定位</h4>
		    		</a>
	    		</div>
	    	</div>
	    	
	    	<!--第一行-->
			<hr />
	    	<div class="row">
	    		<div class="col-md-2">
		    		<a href="../css/animate/index.html" target="_blank">
		    			<div class="a_img"><img src="imgs/css/2019-12-31_animate.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">文字移动特效</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../css/animate/test.html" target="_blank">
		    			<div class="a_img"><img src="imgs/css/2019-12-31_animate2.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">矩形3d形变</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../css/animate_demo/index.html" target="_blank">
		    			<div class="a_img"><img src="imgs/css/2019-12-31_Animate.css.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">Animate.css的demo集</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../css/transition/w_transition.html" target="_blank">
		    			<div class="a_img"><img src="imgs/css/2019-12-31_w_transition.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">宽和颜色的过渡</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../css/gradient.html" target="_blank">
		    			<div class="a_img"><img src="imgs/css/2019-12-31_gradient.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">背景色-渐变</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../css/float_clear.html" target="_blank">
		    			<div class="a_img"><img src="imgs/css/2019-12-31_float_clear.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">浮动-清除浮动</h4>
		    		</a>
	    		</div>
	    	</div>
	    </div>
	    
	    <!--jq-->
	    <!--<div class="tab-pane" id="jq">
	    	<h3>jq</h3>
	    	<div class="row">
	    		<div class="col-md-3">
		    		<a href="time/time.php" target="_blank">
		    			<h4 class="text-center">时间戳和日期互换</h4>
		    			<div class="a_img"><img src="../public/imgs/0.jpg" width="100%" height="100%"/></div>
		    		</a>
	    		</div>
	    		<div class="col-md-3">
		    		<a href="ip_get_add/get_add.php" target="_blank">
		    			<h4 class="text-center">根据IP获取物理地址</h4>
		    			<div class="a_img"><img src="../public/imgs/0.jpg" width="100%" height="100%"/></div>
		    		</a>
	    		</div>
	    	</div>
	    	
	    	<div class="row">
	    		
	    	</div>
	    </div>-->
	    
	</div>
</div>
<script type="text/javascript" src="cj/diy.js"></script>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script type="text/javascript" src="cj/jquery-3.3.1.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script type="text/javascript" src="cj/bootstrap.min.js"></script>
</body>
</html>